<template>
	<el-form ref="formModel" :model="value" :rules="rules" :label-width="labelWidth" :inline="inline" v-bind="$props"
		v-on="$listeners">
		<!-- <h4 class="orange">基础信息</h4> -->
		<el-row>
			<slot name="ReferrerIDBefore"></slot>
			<slot name="ReferrerID">
				<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
					<el-form-item prop="ReferrerID" :label="keyLan['ReferrerID']+':'">
						<remoteselect v-model="value.ReferrerID" url="api/Referrer/ListSelect" value-label="Name"
							value-key="ReferrerID" query-key="selectIDName" :placeholder="replaceID(keyLan['ReferrerID'])" style="width:150px;">
							<template v-slot="{ row }">
								{{row.Name}}
							</template>
						</remoteselect>
					</el-form-item>
				</el-col>
			</slot>
			<slot name="ReferrerIDAfter"></slot>
			<slot name="OrganizationIDBefore"></slot>
			<slot name="OrganizationID">
				<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
					<el-form-item prop="OrganizationID" :label="keyLan['OrganizationID']+':'">
						<remoteselect v-model="value.OrganizationID" url="api/Organization/ListSelect" value-label="Name"
							value-key="OrganizationID" query-key="selectIDName" :placeholder="replaceID(keyLan['OrganizationID'])" style="width:150px;">
							<template v-slot="{ row }">
								{{row.Name}}
							</template>
						</remoteselect>
					</el-form-item>
				</el-col>
			</slot>
			<slot name="OrganizationIDAfter"></slot>
		</el-row>
	</el-form>
</template>

<script>
	import common from "@/common/common.js";
	import js from "@/Partial/ReferrerOrganizationRelation/js.js";

	export default {
		name: "ReferrerOrganizationRelationAddEdit",
		mixins: [common.baseVM, js]
	}
</script>
